<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>TOKI Learning</title>
    <link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico">
	<link rel="stylesheet" type="text/css" href="css/default.css"/>
	<script type="text/javascript" src="js/jquery-1.5.1.min.js"></script>
    <script type="text/javascript" src="js/jquery.dataTables.min.js"></script>          
    <script type="text/javascript">                                         
      $(document).ready(function() {
	    $('#rank').dataTable();
        } );
    </script>
  </head>
  <body>
    <div id="filler">
    <div id="wrapper">
      <div id="header">
          <div id="branding">
            <a href="http://tokilearning.org/home">
              <img src="images/logo.png" width="60" height="60" border="0" />
              <h1 id="site-name">TOKI LEARNING CENTER</h1>
              <h2 id="site-description">Tim Olimpiade Komputer Indonesia</h2>
            </a>  
          </div>
          <div id="top-nav">
            <li>Setting</li>
            <li>Inbox</li>
            <li>Logout</li>
          </div>
        </div>
      <div id="nav">
          <div id="nav-left">
            <div id="nav-left-top">
              <li>Problem Archives</li>
              <li>Contests</li>
              <li>Training Gate</li>
              <li>Learn</li>
            </div>
            <div id="nav-left-bottom">
              <li>My Friends</li>
              <li>My Statistics</li>
              <li>My Submissions</li>
              <li>My Contests</li>
              <li>My Profile</li>
            </div>
          </div>
          <div id="nav-right">
		    <div id="name"> Petra Novandi </div>
			<img src="images/user-pic.png"/>
		  </div>
        </div>
      <div id="main">
          <div id="main-left">
		    <h2 id="main-left-header">JAVA PROGRAMMING CONTEST</h2>
			<div id="main-left-nav">
			  <li>Announcements</li>
			  <li>Problems</li>
			  <li>Submissions</li>
			  <li>Clarification</li>
			  <li>Status/Ranklist</li>
			</div>
			<div id="main-left-navcontent" >
			  <div id="main-left-navheader">Ranklist</div>
              <table id="rank" class="display" >
			    <thead>
		          <tr>
			        <th class="sorting_asc">Rank</th>
			        <th class="sorting">User</th>
			        <th class="sorting">Total</th>
			        <th class="sorting">P#A</th>
			        <th class="sorting">P#B</th>
					<th class="sorting">P#C</th>
					<th class="sorting">P#D</th>
		          </tr>
	            <tbody>
				  <tr>
			        <td>1</td> <td>Anna Malik</td> <td>7658</td> <td>657</td> <td>768</td> <td>304</td> <td>4574</td>
			      </tr>
			      <tr class="ctable">
			        <td>2</td> <td>David Kurniawan</td> <td>7658</td> <td>657</td> <td>768</td> <td>304</td> <td>4574</td>
			      </tr>
			      <tr>
			        <td>3</td> <td>Anna Malik</td> <td>7658</td> <td>657</td> <td>768</td> <td>304</td> <td>4574</td>
			      </tr>
			      <tr class="ctable">
			        <td>4</td> <td>David Kurniawan</td> <td>7658</td> <td>657</td> <td>768</td> <td>304</td> <td>4574</td>
			      </tr>
			      <tr>
			        <td>5</td> <td>Anna Malik</td> <td>7658</td> <td>657</td> <td>768</td> <td>304</td> <td>4574</td>
			      </tr>
			      <tr class="ctable">
			        <td>6</td> <td>David Kurniawan</td> <td>7658</td> <td>657</td> <td>768</td> <td>304</td> <td>4574</td>
			      </tr>
			      <tr>
			        <td>7</td> <td>Anna Malik</td> <td>7658</td> <td>657</td> <td>768</td> <td>304</td> <td>4574</td>
			      </tr>
			      <tr class="ctable">
			        <td>8</td> <td>David Kurniawan</td> <td>7658</td> <td>657</td> <td>768</td> <td>304</td> <td>4574</td>
			      </tr>
			      <tr>
			        <td>9</td> <td>Anna Malik</td> <td>7658</td> <td>657</td> <td>768</td> <td>304</td> <td>4574</td>
			      </tr>
			      <tr class="ctable">
			        <td>10</td> <td>David Kurniawan</td> <td>7658</td> <td>657</td> <td>768</td> <td>304</td> <td>4574</td>
			      </tr>
			    </tbody>
			  </table>
			</div>
		  </div>
          <div id="main-right">
		    <div id="main-right-header">
			  <h3>Latest Announcement</h3>
			  <div id="main-right-time">posted 10 minutes ago</div>
			</div>
			<div id="main-right-menu">
			  <div id="main-right-menu-header">Problems</div>
			  <ol id="main-right-menu1">
			    <li>Jumlah Bilangan</li>
			    <li>Perubahan Minimal</li>
			    <li>Matrix</li>
			    <li>Soal Lainnya</li>
			    <li>Berfoto</li>
			  </ol>
			  <div id="main-right-menu-header">Clarifications</div>
			  <div id="main-right-menu2">
			    <ul>  
				  <li class="main-right-menu2-quest"><a href="#">Question Subject</a> on <a href="#">Problem Name</a></li>
			      <li class="main-right-menu2-time">posted 10 minute ago</li>
				  <li class="main-right-menu2-quest"><a href="#">Question Subject</a> on <a href="#">Problem Name</a></li>
			      <li class="main-right-menu2-time">posted 10 minute ago</li>
				  <li class="main-right-menu2-quest"><a href="#">Question Subject</a> on <a href="#">Problem Name</a></li>
			      <li class="main-right-menu2-time">posted 10 minute ago</li>
			    </ul>
                <div class="main-right-menu2-plus">Post a Question</div>
                <div class="main-right-menu2-plus">See All</div>			  
			  </div>
			  <div id="main-right-menu-header">Submissions</div>
			  <ul id="main-right-menu3">
			    <li class="main-right-menu3-prob">Problem Name</li>
			    <li class="main-right-menu3-res">(result)</li>
			    <li class="main-right-menu3-prob">Bilangan</li>
			    <li class="main-right-menu3-res">(result)</li>
			    <li class="main-right-menu3-prob">Perubahan Minimal</li>
			    <li class="main-right-menu3-res">(result)</li>
			    <li class="main-right-menu3-prob">Matrix</li>
			    <li class="main-right-menu3-res">(result)</li>
			    <li class="main-right-menu3-prob">Maling Motor</li>
			    <li class="main-right-menu3-res">(result)</li>
			    <li class="main-right-menu3-prob">Foto Bersama</li>
			    <li class="main-right-menu3-res">(result)</li>
			</div>
		  </div>
        </div>
	  </div>
      <div id="footer">
        <div id="footer-left">
          <li>Our Blog</li>
          <li>|</li>
          <li>About Us</li>
          <li>|</li>
          <li>Contact Us</li>
          <li>|</li>
          <li>Follow Our <a href="http://www.facebook.com/group.php?gid=166544345960">Facebook</a> and <a href="http://twitter.com/tokilearning">Twitter</a></li>
        </div>
        <div id="footer-right">Copyright of TOKI Learning 2011</div>
      </div>
    </div>
  </body>
</html>